﻿<html lang="zh-cn"><head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>MZUI</title>
  <link rel="stylesheet" href="mzui.min.css">
</head>
<body class="">
<div class="section">
  <div class="heading">
    <div class="title">测试应用</div>
  </div>
  <div class="box article">
    <h5>使用 HTML5 文档类型</h5>
    <pre class="prettyprint prettyprinted"><code><span class="dec">&lt;!DOCTYPE html&gt;</span></code></pre>
    <h5>Viewport</h5>
    <pre class="prettyprint prettyprinted"><code><span class="tag">&lt;meta</span><span class="pln"> </span><span class="atn">name</span><span class="pun">=</span><span class="atv">"viewport"</span><span class="pln"> </span><span class="atn">content</span><span class="pun">=</span><span class="atv">"width=device-width, initial-scale=1"</span><span class="tag">&gt;</span></code></pre>
    <p>参考：<a href="https://developer.mozilla.org/zh-CN/docs/Mobile/Viewport_meta_tag" target="_blank">在移动浏览器中使用viewport元标签控制布局</a></p>
    <h5>包含 MZUI CSS 文件</h5>
    <pre class="prettyprint prettyprinted"><code><span class="tag">&lt;link</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">"css/mzui.min.css"</span><span class="pln"> </span><span class="atn">rel</span><span class="pun">=</span><span class="atv">"stylesheet"</span><span class="tag">&gt;</span></code></pre>
    <h5>包含 MZUI JS 文件（可选）</h5>
    <p>如果没有用到 MZUI 中的 JavaScript 插件，则不需要包含 JS 文件。</p>
    <pre class="prettyprint prettyprinted"><code><span class="tag">&lt;script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"js/mzui.min.js"</span><span class="tag">&gt;&lt;/script&gt;</span><span class="pln">;</span></code></pre>
  </div>
</div>
</body></html>